طراحی سایت

التفات نرم افزار نویسی سمت مخاطب در پیاده سازی و بسط تارنما
اولی سایت‌های دنیا سایت‌‌های استاتیک بودند. یعنی سایت‌هایی که مانند یک نمایشگاه شغل می‌کردند و تنها برای عرضه و اکران‌دادن محتواهای متنی و عکس می شد از آنها ب طراحی سایت در مشهد هره مند شد.

البته دستیابی‌وکارهای گوناگون و کمپانی‌های بزرگی مانند گوگل و اپل به وب سایت‌های تعاملی و پویا نیاز داشتند. وب سایت‌هایی می‌خواستند که بشود با گونه های محتواها و تعاملات یوزرها را جذب آنان کرد.

طلاق بسط فرانت اند و بک اند تارنما در معنای طلاق پیاده سازی یا این که صفحه آرایی وب سایت از اپلیکیشن‌نویسی نیز میباشد. پیاده سازی تارنما یا این که پیاده سازی UI/UX حوزه و تخصص مستقلی میباشد که در آن دیزاینرها (طراحان متاع، طراحان رابط استفاده کننده و طراحان تجارب مخاطب) ظواهر و تعاملات سایت را پیاده سازی می‌نمایند.

وظیفه‌ی مهم دیزاینرها این میباشد که وب سایت یا این که نرم افزار، بشر‌پایه پیاده سازی خواهد شد تا نیازهای یوزرها در تعامل با کالا برطرف خواهد شد و آن ها تعامل بهتر و لذت‌بخشی را با تارنما یا این که نرم افزار داشته باشند.

دیزاینرها فرانت اند را نرم‌افزار‌نویسی یا این که پیشرفت نمی‌دهند. وظیفه‌ی آنان پیاده سازی یا این که طراحی صفحه میباشد. گسترش‌دهنده یا این که نرم‌افزار‌نویس سمت مخاطب میباشد که پیاده سازی را انجام و نرم‌افزار‌نویسی می‌نماید.

دولوپر می بایست صفحه آرایی را طوری پیاده نماید که کارا باشد و در دستگاه‌های متعدد (تلفن همراه، تبلت و…) صحیح و بی نقص اعمال خواهد شد. مداقه اپلیکیشن‌نویسی و پیشرفت کلاینت ساید سایت یا این که نرم افزار دقیقا در همین نکته میباشد: تارنما سوای فرانت اند جالب و کارا به‌درد نمی خورد.

در صورتی‌که فرانت اند و پیاده سازی رابط و تجربیات استفاده کننده سایت به‌صحت پیاده و ایفا نشود، بک اند توانا بی‌سود میباشد و یوزرها نمی‌توانند با سایت تعامل داشته باشند.انگار که به هیچ وجه وبسایتی نیست.

دقیقا به همین عامل میباشد که در گروه‌های فنی و توسعه و گسترش فرآورده کمپانی‌های والا جهان مانند اپل و گوگل تعداد متعددی کارشناس فرانت اند جايگاه‌یک حضور دارا‌هستند.

فارغ از پیشرفت فرانت اند پیاده سازی و توسعه و گسترش تارنما یا این که نرم افزار بی‌معنا و بی‌منفعت میباشد.

به تصاویر تحت نگاه نمایید. تصاویر پایین فرانت اند تارنما (کاغذ منزل) apple.com را در سال‌های ۲۰۰۰، ۲۰۱۰ و ۲۰۲۰ علامت می دهد. بادقت در‌این تصاویر و تفاوت‌هایشان به‌خیر و خوبی مداقه پیاده سازی و اپ‌نویسی فرانت اند و بسط چشمگیر این تخصص را در سال‌های اخیر می بینید. (منبع تصاویر webdesignmuseum.org میباشد.)

لهجه‌ها و کتابخانه‌های اساسی در نرم‌افزار نویسی فرانت اند سایت
گویش‌های اپ‌نویسی، کتابخانه‌ها و فریمورک‌هایی که برای ساختن و بسط فرانت اند سایت‌ها و نرم افزار‌ها به کار گیری میگردد معمولا گوناگون میباشد با لهجه‌های اپ‌نویسی سمت سرور. برخی از مشهور‌ترین گویش‌های نرم افزار‌نویسی سمت سرور PHP و ASP میباشد.

ولی، برخی از لهجه‌ها (مانند جاوااسکریپت و پایتون) وجود دارا هستند که آن‌قدر قدرتمندند و کتابخانه‌ها و فریمورک‌های متفاوت دارا هستند که هم در اپلیکیشن‌نویسی سمت مخاطب و هم سمت سرور سایت‌ها می‌گردد از آنان استفاده نمود.

درحقیقت، گروه گسترش هر تارنما و نرم افزار براساس نیازهای آن اپلیکیشن تصمیم می گیرد که برای گسترش و اپلیکیشن‌نویسی فرانت اند و بک اند متاع، کدام لهجه‌های اپلیکیشن‌نویسی را تعیین نماید.

ولی کاربرد لهجه نماد‌گذاری HTML و لهجه CSS و لهجه اپلیکیشن‌نویسی جاوااسکریپت در پیشرفت فرانت اند به طور تقریب همگی وب سایت‌ها و نرم افزار‌ها الزامی میباشد و آن لهجه‌ها اولی تعیین گسترش‌دهندگان محسوب می شوند.

اصولا، او‌لین وب سایت‌های استاتیک عالم با گویش علامت‌گذاری HTML ساخته شد. نیاز به پیاده سازی و پیشرفت‌ی سریع وب سایت‌های جالب، کارا و امروزی سبب ساز شد تا کتابخانه‌ها و فریمورک‌های متعدد برای امداد به اپ‌نویسان و بسط‌دهندگان ساخته خواهد شد.

درادامه‌ی این قسمت، مهم ترین گویش‌ها و کتابخانه در اپ‌نویسی سمت استفاده کننده معرفی و در نصیب آینده راجع به فریمورک‌های پیشرفت کلاینت ساید سایت توضیح داده میشود.

۱. گویش نماد‌گذاری HTML
!DOCTYPE html>

This is a Heading

This is a paragraph.

This is another paragraph.

HTML یک گویش نرم‌افزار‌نویسی وجود ندارد. Hyper Text Markup Language یا این که لهجه علامت‌گذاری ابرمتن یک نوع علامت‌گذاری استاندارد، مقدماتی و اما اصولی برای ساخت و ساز ساختار کلی صفحه ها سایت و اینترنت نرم افزار میباشد. مداقه و نقش گویش‌های علامت‌گذاری در توسعه و گسترش وب سایت‌ها انکارنشدنی میباشد.

در اصل، ساختن اولی‌ سایت‌ها برای جابجایی داده بر بستر وب با امداد گویش‌های نماد‌گذاری ممکن شد. مداقه HTML در پیاده سازی و توسعه و گسترش وب سایت‌ها سبب ساز شد‌ه‌است تا متخصصان و اپ‌نویسان درپی شیوه های مختلفی برای ارتقای کوشش این لهجه باشند.

این لهجه همیشه به‌روز می‌گردد تا پاسخگوی نیازهای توسعه و گسترش‌دهندگان تارنما‌ها باشد. HTML5 واپسین ورژن‌ی منتشرشده از این گویش آرم‌گذاری میباشد. علاوه‌بر به‌روزرسانی همیشگی HTML، برخی متخصصان با ادغام HTML با لهجه‌های علامت‌گذاری دیگر (مانند XML) زبانی قدرتمندتر و کاراتر به‌اسم XHTML را ساختند تا به این‌ترتیب نقاط‌ ضعف لهجه HTML را برطرف نمایند.

پیشرفت‌دهنده فرانت اند با گویش html محور و مبنا یا این که اسکلت کلی صفحه ها یک تارنما را می‌سازد. بقیه المان‌ها و محتواهای هر شیت از تارنما با به کارگیری از تگ‌های HTML در ورقه قرار می گیرد.

برای مثال، فرانت اند دولوپرها از دو تگ پر کاربرد و اصلی Div و Span در html برای ساختن یک فضای مشخص و معلوم برای قراردادن المان‌های متفاوت در برگه به کارگیری می‌نمایند.

تسلطبر واپسین ورژن‌ی این لهجه نماد‌گذاری برای پیشرفت ساختار کلی صفحه ها یک وب سایت، استعمال‌ی صحیح از تگ‌های متفاوت این لهجه و اجتناب از مشکلات رایج در HTML برای هر دارای تخصص فرانت اندی مایحتاج میباشد.

التفات نرم افزار نویسی سمت مخاطب در پیاده سازی و بسط تارنما
اولی سایت‌های دنیا سایت‌‌های استاتیک بودند. یعنی سایت‌هایی که مانند یک نمایشگاه شغل می‌کردند و تنها برای عرضه و اکران‌دادن محتواهای متنی و عکس می شد از آنها ب طراحی سایت در مشهد هره مند شد.

البته دستیابی‌وکارهای گوناگون و کمپانی‌های بزرگی مانند گوگل و اپل به وب سایت‌های تعاملی و پویا نیاز داشتند. وب سایت‌هایی می‌خواستند که بشود با گونه های محتواها و تعاملات یوزرها را جذب آنان کرد.

طلاق بسط فرانت اند و بک اند تارنما در معنای طلاق پیاده سازی یا این که صفحه آرایی وب سایت از اپلیکیشن‌نویسی نیز میباشد. پیاده سازی تارنما یا این که پیاده سازی UI/UX حوزه و تخصص مستقلی میباشد که در آن دیزاینرها (طراحان متاع، طراحان رابط استفاده کننده و طراحان تجارب مخاطب) ظواهر و تعاملات سایت را پیاده سازی می‌نمایند.

وظیفه‌ی مهم دیزاینرها این میباشد که وب سایت یا این که نرم افزار، بشر‌پایه پیاده سازی خواهد شد تا نیازهای یوزرها در تعامل با کالا برطرف خواهد شد و آن ها تعامل بهتر و لذت‌بخشی را با تارنما یا این که نرم افزار داشته باشند.

دیزاینرها فرانت اند را نرم‌افزار‌نویسی یا این که پیشرفت نمی‌دهند. وظیفه‌ی آنان پیاده سازی یا این که طراحی صفحه میباشد. گسترش‌دهنده یا این که نرم‌افزار‌نویس سمت مخاطب میباشد که پیاده سازی را انجام و نرم‌افزار‌نویسی می‌نماید.

دولوپر می بایست صفحه آرایی را طوری پیاده نماید که کارا باشد و در دستگاه‌های متعدد (تلفن همراه، تبلت و…) صحیح و بی نقص اعمال خواهد شد. مداقه اپلیکیشن‌نویسی و پیشرفت کلاینت ساید سایت یا این که نرم افزار دقیقا در همین نکته میباشد: تارنما سوای فرانت اند جالب و کارا به‌درد نمی خورد.

در صورتی‌که فرانت اند و پیاده سازی رابط و تجربیات استفاده کننده سایت به‌صحت پیاده و ایفا نشود، بک اند توانا بی‌سود میباشد و یوزرها نمی‌توانند با سایت تعامل داشته باشند.انگار که به هیچ وجه وبسایتی نیست.

دقیقا به همین عامل میباشد که در گروه‌های فنی و توسعه و گسترش فرآورده کمپانی‌های والا جهان مانند اپل و گوگل تعداد متعددی کارشناس فرانت اند جايگاه‌یک حضور دارا‌هستند.

فارغ از پیشرفت فرانت اند پیاده سازی و توسعه و گسترش تارنما یا این که نرم افزار بی‌معنا و بی‌منفعت میباشد.

به تصاویر تحت نگاه نمایید. تصاویر پایین فرانت اند تارنما (کاغذ منزل) apple.com را در سال‌های ۲۰۰۰، ۲۰۱۰ و ۲۰۲۰ علامت می دهد. بادقت در‌این تصاویر و تفاوت‌هایشان به‌خیر و خوبی مداقه پیاده سازی و اپ‌نویسی فرانت اند و بسط چشمگیر این تخصص را در سال‌های اخیر می بینید. (منبع تصاویر webdesignmuseum.org میباشد.)

لهجه‌ها و کتابخانه‌های اساسی در نرم‌افزار نویسی فرانت اند سایت
گویش‌های اپ‌نویسی، کتابخانه‌ها و فریمورک‌هایی که برای ساختن و بسط فرانت اند سایت‌ها و نرم افزار‌ها به کار گیری میگردد معمولا گوناگون میباشد با لهجه‌های اپ‌نویسی سمت سرور. برخی از مشهور‌ترین گویش‌های نرم افزار‌نویسی سمت سرور PHP و ASP میباشد.

ولی، برخی از لهجه‌ها (مانند جاوااسکریپت و پایتون) وجود دارا هستند که آن‌قدر قدرتمندند و کتابخانه‌ها و فریمورک‌های متفاوت دارا هستند که هم در اپلیکیشن‌نویسی سمت مخاطب و هم سمت سرور سایت‌ها می‌گردد از آنان استفاده نمود.

درحقیقت، گروه گسترش هر تارنما و نرم افزار براساس نیازهای آن اپلیکیشن تصمیم می گیرد که برای گسترش و اپلیکیشن‌نویسی فرانت اند و بک اند متاع، کدام لهجه‌های اپلیکیشن‌نویسی را تعیین نماید.

ولی کاربرد لهجه نماد‌گذاری HTML و لهجه CSS و لهجه اپلیکیشن‌نویسی جاوااسکریپت در پیشرفت فرانت اند به طور تقریب همگی وب سایت‌ها و نرم افزار‌ها الزامی میباشد و آن لهجه‌ها اولی تعیین گسترش‌دهندگان محسوب می شوند.

اصولا، او‌لین وب سایت‌های استاتیک عالم با گویش علامت‌گذاری HTML ساخته شد. نیاز به پیاده سازی و پیشرفت‌ی سریع وب سایت‌های جالب، کارا و امروزی سبب ساز شد تا کتابخانه‌ها و فریمورک‌های متعدد برای امداد به اپ‌نویسان و بسط‌دهندگان ساخته خواهد شد.

درادامه‌ی این قسمت، مهم ترین گویش‌ها و کتابخانه در اپ‌نویسی سمت استفاده کننده معرفی و در نصیب آینده راجع به فریمورک‌های پیشرفت کلاینت ساید سایت توضیح داده میشود.

۱. گویش نماد‌گذاری HTML
!DOCTYPE html>

This is a Heading

This is a paragraph.

This is another paragraph.

HTML یک گویش نرم‌افزار‌نویسی وجود ندارد. Hyper Text Markup Language یا این که لهجه علامت‌گذاری ابرمتن یک نوع علامت‌گذاری استاندارد، مقدماتی و اما اصولی برای ساخت و ساز ساختار کلی صفحه ها سایت و اینترنت نرم افزار میباشد. مداقه و نقش گویش‌های علامت‌گذاری در توسعه و گسترش وب سایت‌ها انکارنشدنی میباشد.

در اصل، ساختن اولی‌ سایت‌ها برای جابجایی داده بر بستر وب با امداد گویش‌های نماد‌گذاری ممکن شد. مداقه HTML در پیاده سازی و توسعه و گسترش وب سایت‌ها سبب ساز شد‌ه‌است تا متخصصان و اپ‌نویسان درپی شیوه های مختلفی برای ارتقای کوشش این لهجه باشند.

این لهجه همیشه به‌روز می‌گردد تا پاسخگوی نیازهای توسعه و گسترش‌دهندگان تارنما‌ها باشد. HTML5 واپسین ورژن‌ی منتشرشده از این گویش آرم‌گذاری میباشد. علاوه‌بر به‌روزرسانی همیشگی HTML، برخی متخصصان با ادغام HTML با لهجه‌های علامت‌گذاری دیگر (مانند XML) زبانی قدرتمندتر و کاراتر به‌اسم XHTML را ساختند تا به این‌ترتیب نقاط‌ ضعف لهجه HTML را برطرف نمایند.

پیشرفت‌دهنده فرانت اند با گویش html محور و مبنا یا این که اسکلت کلی صفحه ها یک تارنما را می‌سازد. بقیه المان‌ها و محتواهای هر شیت از تارنما با به کارگیری از تگ‌های HTML در ورقه قرار می گیرد.

برای مثال، فرانت اند دولوپرها از دو تگ پر کاربرد و اصلی Div و Span در html برای ساختن یک فضای مشخص و معلوم برای قراردادن المان‌های متفاوت در برگه به کارگیری می‌نمایند.

تسلطبر واپسین ورژن‌ی این لهجه نماد‌گذاری برای پیشرفت ساختار کلی صفحه ها یک وب سایت، استعمال‌ی صحیح از تگ‌های متفاوت این لهجه و اجتناب از مشکلات رایج در HTML برای هر دارای تخصص فرانت اندی مایحتاج میباشد.